// 地址组件

import {useState,useEffect} from 'react'
import {useParams,Link,Route,Outlet} from 'react-router-dom'
function Address(props){
		
		// var params=useParams(); {pid:9527,age:111}
		var {pid,age}=useParams();
		console.log(pid)
	// 类似于 class组件的生命周期
	// 相似于componentDidMount and componentDidUpdate:
	  useEffect(() => {
		// 请求localhost:3000下的接口
		
		fetch("http://localhost:3000/VueHandler/AdminLoginAndRegHandler?action=verification",{
			method:"get"
		}).then(res=>res.json()).then(data=>{
			console.log(data)
		})
		
	  });
  
	return (
	  <div>
	  <ul>
		 <li>
			<Link to="/address/addone"  >第一个子组件 </Link>
		 </li>
		 <li>
		 	<Link to="/address/addtwo"  >第二个子组件 </Link>
		 </li>
	  </ul>	
	
		<h1>我是地址组件</h1>
		// Outlet 子路由的出口
		<Outlet />
	  </div>
	)
	
}
export default Address